<template>
	<view class="success">
		<view class="con">
			<view class="title">
				订单支付成功
			</view>
			<view class="price">
				支付金额{{ totalPrice }}元
			</view>
		</view>
		<navigator url="../../mine/index" open-type="switchTab" class="person_center">
			个人中心
		</navigator>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				totalPrice: uni.getStorageSync('totalPrice'),
				tabBarHeight: 0
			};
		},
		onShow() {
			uni.setNavigationBarTitle({
				title: '支付成功'
			});
			// console.log(uni.getSystemInfoSync().windowTop);
			this.tabBarHeight = uni.getSystemInfoSync().windowTop + 'px';
			// console.log(this.tabBarHeight)
			
		}
	}
</script>

<style lang="scss">
	.success {
		width: 100%;
		min-height:calc(100vh - 44px);
		max-height: 100%;
		background-color: #f1ece7;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		.con {
			width: 100%;
			height: 80%;
			padding: 200rpx 0 500rpx;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			.title {
				font-size: 50rpx;
				margin-bottom: 10rpx;
			}
		}
		.person_center {
			width: 240rpx;
			height: 70rpx;
			text-align: center;
			line-height: 70rpx;
			border: 1px solid #2C405A;
			margin: 0 auto 50rpx;
			border-radius: 10rpx;
		}
	}
</style>
